<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
</head>
<body>


    <script>
        // 分页的功能：
        // 声明变量记录数据
        var page = 11;     // 页码
        var pageSize = 10 ; //数量
        var total = 100;    //总数

        // 开始的位置
        var startIndex = page * pageSize;

        // 结束的位置
        // var endIndex = page * pageSize + pageSize;
        var endIndex = startIndex + pageSize;

        console.log("endIndex:", endIndex);// 数字

        // 以下为怕判断的依据：
            // 判断以下页码和数量是为数字（number）
            // 判断结束的位置是否超出数量的总数
            // 以上两个条件同时成立，就说明没有更多的数据了

        // 声明变量记录条件的值
        var flag_1 = typeof page == "number";// number 条件成立
        var flag_2 = typeof pageSize == "number";// number 条件成立
        var flag_3 = endIndex < total ;//  未超出的总数，表示数据还可以继续请求
        
        // 判断
        if(flag_1 && flag_2 && flag_3){
            document.write("还可以继续渲染数据!");
        }else {
            document.write("没有更多数据了!")
        }





        // 代码风格：精简
        // 传说中：
        // 一行代码一百块钱（这只是一个玩笑）
    
    </script>
</body>
</html>